<template>
  <div>
    <div class="box">
      <div class="part">
        <h2 class="title">数据处理篇-1</h2>
        <div class="item">
          <h5 class="title1">1、对象动态索引取值要这样写</h5>
          <img class="imgs" :src="img1" alt="" />
        </div>
        <div class="item">
          <h5 class="title1">1、对象动态索引取值要这样写</h5>
          <img class="imgs" :src="img1" alt="" />
        </div>
      </div>
      <div class="part">
        <h2 class="title">数据处理篇-1</h2>
        <div class="item">
          <h5 class="title1">1、对象动态索引取值要这样写</h5>
          <img class="imgs" :src="img1" alt="" />
        </div>
        <div class="item">
          <h5 class="title1">1、对象动态索引取值要这样写</h5>
          <img class="imgs" :src="img1" alt="" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      img1: require("@/assets/imgs/img1.png"),
    };
  },
};
</script>

<style lang="less">
.box {
  margin-bottom: 1rem;
  .item {
    margin-bottom: 0.5rem;
  }
  .imgs {
    width: 100%;
    height: 100%;
  }
  .part {
    border: 1px dashed #ddd;
    padding: 10px;
    margin: 10px;
  }
}
.title {
  text-align: center;
  margin-bottom: 0.2rem;
  font-size: 0.2rem;
}
.title1 {
  text-align: left;
  margin-bottom: 0.2rem;
}
</style>
